<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link rel="stylesheet" href="../../../layui/css/layui.css">
        <link rel="stylesheet" href="../../../css/couponCss/ckCoupon.css">
    </head>
    <body>
        <div class="center">

            <fieldset class="layui-elem-field">
                <legend>优惠券详情页：</legend>
                <div class="layui-field-box">
                    <fieldset class="layui-elem-field layui-field-title">
                        <legend style="color: orangered">
                            优惠券名称：
                            <span id="discountsName"></span>
                        </legend>
                    </fieldset>

                    <fieldset class="layui-elem-field layui-field-title">
                        <legend style="color: orangered">
                            优惠券类型：
                            <span id="discountsTicket"></span>
                        </legend>
                    </fieldset>

                    <fieldset class="layui-elem-field layui-field-title">
                        <legend style="color: orangered">
                            优惠金额：
                            <span id="discountsBegin"></span>
                        </legend>
                    </fieldset>


                    <fieldset class="layui-elem-field layui-field-title">
                        <legend style="color: orangered">
                            开始时间：
                            <span id="discountsFinish"></span>
                            ----
                            结束时间：
                            <span id="discountsWire"></span>
                        </legend>
                    </fieldset>



                </div>
            </fieldset>



            <div class="layui-collapse" lay-accordion>

                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">优惠券图片</h2>
                    <div class="layui-colla-content">
                        <img id="discountsPicture">
                    </div>
                </div>

                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">上线/下线</h2>
                    <div class="layui-colla-content">
                        <span id="discountsQuantity"></span>
                    </div>
                </div>

                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">发行数量</h2>
                    <div class="layui-colla-content">
                        <span id="discountsAmount"></span>
                    </div>
                </div>

                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">获取方式</h2>
                    <div class="layui-colla-content">
                        <span id="discountsManner"></span>
                    </div>
                </div>

                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">优惠类型</h2>
                    <div class="layui-colla-content">
                        <span id="discountsType"></span>
                    </div>
                </div>

                <div class="layui-colla-item">
                    <h2 class="layui-colla-title">备注</h2>
                    <div class="layui-colla-content">
                        <span id="discountsRemark"></span>
                    </div>
                </div>

            </div>

        </div>
    </body>
    <script src="../../../layui/jquery-3.6.0.js"></script>
    <script src="../../../layui/layui.js"></script>
</html>